<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../common/include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
div.pgHeader{
	background:url(<%=root%>/resources/ulp/images/areaBg125.png) repeat #B3DFDA;
	height:125px;
	overflow:hidden;
	border:none;
}
div.pgHeader img{height:125px; display:block;float:left;}
div.pgHeader p{ float:left; font-size:18px; font-weight:bold; color:#555; margin-top:50px; margin-left:3px;}
.menugroup{
	padding:10px;
	line-height: 20px;
}
.panel-title{
	color:black;
}
</style>
<title>后台管理</title>
</head>
<body class="easyui-layout">
	<!--系统头部  -->
	<div class="pgHeader" region="north">
		<img src="<%=root%>/resources/ulp/images/logo.png" title="远达项目组(Logo)"/>
		<p>
			热词系统后台v1.0 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		</p>
		<div>
			<p>当前登录用户:${current_user.email}</p>
		</div>
		<div style="float:right;">
			<p>主题风格
			<select id="cb-theme" class="combobox-f combo-f" onchange="onChangeTheme(this.value)" style="float: right">
				<option  value="default">Default</option>
				<option selected="" value="gray">Gray</option>
				<option value="black">Black</option>
				<option value="bootstrap">Bootstrap</option>
				<option value="metro">Metro</option>
			</select>
			</p>
		</div>
		
	</div>
	
	<!--左侧菜单栏  -->
	<div data-options="region:'west',split:true,title:'菜单列表'" style="width:150px;">
		<div class="easyui-accordion" data-options="fit:true,border:false">
			<c:forEach var="config" items="${menuConfigs}">
				<div title="${config.name}" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:15px;line-height:25px;">
					<c:forEach var="child" items="${config.children}">
							<a href="#" onclick="openFrameTab('${child.name}','${child.extString1}', false,'${child.extString2}')">${child.name}</a><br />
					</c:forEach>
				</div>
			</c:forEach>
		</div>
	</div>
	<!--系统中间部分  -->
	<div data-options="region:'center',title:'Main'">
		<div id="centerTab" class="easyui-tabs" data-options="fit:true,border:false,plain:true">
			<div title="首页" data-options="href:'../'" style="padding:10px"></div>
		</div>
	</div>
	<!--右侧托盘
	<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
	  -->
	<!--系统尾部 
	<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>
	 -->
	<script type="text/javascript">
		function onChangeTheme(theme){
	
		$("#themesrc").attr('href', '<%=root%>/resources/css/easyui/themes/'+theme+'/easyui.css');
		}
	</script>
</body>
</html>